﻿<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<title>ZZU ICU管理平台</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<!-- basic styles -->
	<link rel="stylesheet" href="assets/css/style.min_EDT.css">
	<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="assets/css/bootstrap-theme.min.css" />
	<link rel="stylesheet" href="assets/css/font-awesome.min.css" />

	<!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

	<!-- page specific plugin styles -->
	<!-- fonts -->
	<!-- ace styles -->

	<link rel="stylesheet" href="assets/css/ace.min.css" />
	<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
	<link rel="stylesheet" href="assets/css/ace-skins.min.css" />

	<!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->

	<!-- inline styles related to this page -->
	<script src="assets/js/jquery-1.8.3.js"></script>
	<!-- ace settings handler -->

	<script src="assets/js/ace-extra.min.js"></script>

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

	<!--[if lt IE 9]>
		<script src="assets/js/html5shiv.js"></script>
		<script src="assets/js/respond.min.js"></script>



		<script src="assets/js/bootstrap.min.js"></script>
		<![endif]-->
		
		
		<link rel="stylesheet" type="text/css" href="assets/DataTables-1.10.15/media/css/jquery.dataTables.css">

		<!-- jQuery -->
		<script type="text/javascript" charset="utf8" src="assets/DataTables-1.10.15/media/js/jquery.js"></script>

		<!-- DataTables -->
		<script type="text/javascript" charset="utf8" src="assets/DataTables-1.10.15/media/js/jquery.dataTables.js"></script>

		<script type="text/javascript">
					var data = [
						[
			
							"Tiger Nixon","1",
							"System Architect",
							"Edinburgh",
							"System Architect",
							"Edinburgh","Edinburgh",
							"System Architect",
							"<a href=\"https://www.baidu.com\" class=\"tooltip-info\" data-rel=\"tooltip\" title=\"View\"> <span class=\"blue\"><i class=\"icon-zoom-in bigger-120\"></i></span> </a>",
			
						],
						[
			
							"Tiger Nixon","2",
							"System Architect",
							"Edinburgh",
							"System Architect",
							"Edinburgh","Edinburgh",
							"System Architect",
							"<a href=\"#\" class=\"tooltip-info\" data-rel=\"tooltip\" title=\"View\"> <span class=\"blue\"><i class=\"icon-zoom-in bigger-120\"></i></span> </a>",
			
			
						],
						[
			
							"Tiger Nixon","3",
							"System Architect",
							"Edinburgh",
							"System Architect",
							"Edinburgh","Edinburgh",
							"System Architect",
							"<a href=\"#\" class=\"tooltip-info\" data-rel=\"tooltip\" title=\"View\"> <span class=\"blue\"><i class=\"icon-zoom-in bigger-120\"></i></span> </a>",
			
			
						],
						[
			
							"Tiger Nixon","Tiger Nixon",
							"System Architect",
							"Edinburgh",
							"System Architect",
							"Edinburgh","Edinburgh",
							"System Architect",
							"<a href=\"#\" class=\"tooltip-info\" data-rel=\"tooltip\" title=\"View\"> <span class=\"blue\"><i class=\"icon-zoom-in bigger-120\"></i></span> </a>",
			
			
						],
						[
			
							"Tiger Nixon","Tiger Nixon",
							"System Architect",
							"Edinburgh",
							"System Architect",
							"Edinburgh","Edinburgh",
							"System Architect",
							"<a href=\"#\" class=\"tooltip-info\" data-rel=\"tooltip\" title=\"View\"> <span class=\"blue\"><i class=\"icon-zoom-in bigger-120\"></i></span> </a>",
			
			
						],
						[
			
							"Tiger Nixon","Tiger Nixon",
							"System Architect",
							"Edinburgh",
							"System Architect",
							"Edinburgh","Edinburgh",
							"System Architect",
							"<a href=\"#\" class=\"tooltip-info\" data-rel=\"tooltip\" title=\"View\"> <span class=\"blue\"><i class=\"icon-zoom-in bigger-120\"></i></span> </a>",
			
			
						],[
			
							"Tiger Nixon","Tiger Nixon",
							"System Architect",
							"Edinburgh",
							"System Architect",
							"Edinburgh","Edinburgh",
							"System Architect",
							"<a href=\"#\" class=\"tooltip-info\" data-rel=\"tooltip\" title=\"View\"> <span class=\"blue\"><i class=\"icon-zoom-in bigger-120\"></i></span> </a>",
			
			
						],
			
					];
			
				   /* $(function () {
						$("#sample-table-1").DataTable({
							data: data,
							iDisplayLength:2
			
						});
					});*/
			
				</script>
	</head>




<body>
	<div class="navbar navbar-default" id="navbar">
		<script type="text/javascript">
			try { ace.settings.check('navbar', 'fixed') } catch (e) { }
		</script>

		<div class="navbar-container" id="navbar-container">
			<div class="navbar-header pull-left">
				<a href="#" class="navbar-brand">
					<small>
						<i class=" icon-lightbulb"></i>
						ZZU ICU监控系统
					</small>
				</a>
				<!-- /.brand -->
			</div>
			<!-- /.navbar-header -->

			<div class="navbar-header pull-right" role="navigation">
				<ul class="nav ace-nav">
					<li class="grey">
						<a data-toggle="dropdown" class="dropdown-toggle" href="#">
							<i class="icon-tasks"></i>
							<span class="badge badge-grey">4</span>
						</a>

						<ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header">
								<i class="icon-ok"></i>
								还有4个任务完成
							</li>

							<li>
								<a href="#">
									<div class="clearfix">
										<span class="pull-left">软件更新</span>
										<span class="pull-right">65%</span>
									</div>

									<div class="progress progress-mini ">
										<div style="width:65%" class="progress-bar "></div>
									</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="clearfix">
										<span class="pull-left">硬件更新</span>
										<span class="pull-right">35%</span>
									</div>

									<div class="progress progress-mini ">
										<div style="width:35%" class="progress-bar progress-bar-danger"></div>
									</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="clearfix">
										<span class="pull-left">单元测试</span>
										<span class="pull-right">15%</span>
									</div>

									<div class="progress progress-mini ">
										<div style="width:15%" class="progress-bar progress-bar-warning"></div>
									</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="clearfix">
										<span class="pull-left">错误修复</span>
										<span class="pull-right">90%</span>
									</div>

									<div class="progress progress-mini progress-striped active">
										<div style="width:90%" class="progress-bar progress-bar-success"></div>
									</div>
								</a>
							</li>

							<li>
								<a href="#">
									查看任务详情
									<i class="icon-arrow-right"></i>
								</a>
							</li>
						</ul>
					</li>

					<li class="purple">
						<a data-toggle="dropdown" class="dropdown-toggle" href="#">
							<i class="icon-bell-alt icon-animated-bell"></i>
							<span class="badge badge-important">8</span>
						</a>

						<ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header">
								<i class="icon-warning-sign"></i>
								8条通知
							</li>

							<li>
								<a href="#">
									<div class="clearfix">
										<span class="pull-left">
											<i class="btn btn-xs no-hover btn-pink icon-comment"></i>
											新闻评论
										</span>
										<span class="pull-right badge badge-info">+12</span>
									</div>
								</a>
							</li>

							<li>
								<a href="#">
									<i class="btn btn-xs btn-primary icon-user"></i>
									切换为编辑登录..
								</a>
							</li>

							<li>
								<a href="#">
									<div class="clearfix">
										<span class="pull-left">
											<i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
											新订单
										</span>
										<span class="pull-right badge badge-success">+8</span>
									</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="clearfix">
										<span class="pull-left">
											<i class="btn btn-xs no-hover btn-info icon-twitter"></i>
											粉丝
										</span>
										<span class="pull-right badge badge-info">+11</span>
									</div>
								</a>
							</li>

							<li>
								<a href="#">
									查看所有通知
									<i class="icon-arrow-right"></i>
								</a>
							</li>
						</ul>
					</li>

					<li class="green">
						<a data-toggle="dropdown" class="dropdown-toggle" href="#">
							<i class="icon-envelope icon-animated-vertical"></i>
							<span class="badge badge-success">5</span>
						</a>

						<ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header">
								<i class="icon-envelope-alt"></i>
								5条消息
							</li>

							<li>
								<a href="#">
									<img src="assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
									<span class="msg-body">
										<span class="msg-title">
											<span class="blue">Alex:</span>
											不知道写啥 ...
										</span>

										<span class="msg-time">
											<i class="icon-time"></i>
											<span>1分钟以前</span>
										</span>
									</span>
								</a>
							</li>

							<li>
								<a href="#">
									<img src="assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
									<span class="msg-body">
										<span class="msg-title">
											<span class="blue">Susan:</span>
											不知道翻译...
										</span>

										<span class="msg-time">
											<i class="icon-time"></i>
											<span>20分钟以前</span>
										</span>
									</span>
								</a>
							</li>

							<li>
								<a href="#">
									<img src="assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
									<span class="msg-body">
										<span class="msg-title">
											<span class="blue">Bob:</span>
											到底是不是英文 ...
										</span>

										<span class="msg-time">
											<i class="icon-time"></i>
											<span>下午3:15</span>
										</span>
									</span>
								</a>
							</li>

							<li>
								<a href="inbox.html">
									查看所有消息
									<i class="icon-arrow-right"></i>
								</a>
							</li>
						</ul>
					</li>

					<li class="light-blue">
						<a data-toggle="dropdown" href="#" class="dropdown-toggle">
							<img class="nav-user-photo" src="assets/avatars/IMG_1324(20180412-142951).jpg" alt="Jason's Photo" />
							<span class="user-info">
								<small>尊敬的：</small>
								Patrick医生
							</span>

							<i class="icon-caret-down"></i>
						</a>

						<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
							<li>
								<a href="#">
									<i class="icon-cog"></i>
									设置
								</a>
							</li>

							<li>
								<a href="#">
									<i class="icon-user"></i>
									个人资料
								</a>
							</li>

							<li class="divider"></li>

							<li>
								<a href="#">
									<i class="icon-off"></i>
									退出
								</a>
							</li>
						</ul>
					</li>
				</ul>
				<!-- /.ace-nav -->
			</div>
			<!-- /.navbar-header -->
		</div>
		<!-- /.container -->
	</div>

	<div class="main-container" id="main-container">
		<script type="text/javascript">
			try { ace.settings.check('main-container', 'fixed') } catch (e) { }
		</script>

		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#">
				<span class="menu-text"></span>
			</a>

			<div class="sidebar" id="sidebar">
				<script type="text/javascript">
					try { ace.settings.check('sidebar', 'fixed') } catch (e) { }
				</script>

				<div class="sidebar-shortcuts" id="sidebar-shortcuts">
					<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
						<button class="btn btn-success">
							<i class="icon-signal"></i>
						</button>

						<button class="btn btn-info">
							<i class="icon-pencil"></i>
						</button>

						<button class="btn btn-warning">
							<i class="icon-group"></i>
						</button>

						<button class="btn btn-danger">
							<i class="icon-cogs"></i>
						</button>
					</div>

					<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
						<span class="btn btn-success"></span>

						<span class="btn btn-info"></span>

						<span class="btn btn-warning"></span>

						<span class="btn btn-danger"></span>
					</div>
				</div>
				<!-- #sidebar-shortcuts -->

				<ul class="nav nav-list">
					<li>
						<a href="index.html">
							<i class="icon-dashboard"></i>
							<span class="menu-text"> 控制台 </span>
						</a>
					</li>

					<li>
						<a href="patients_info.html">
							<i class=" icon-bar-chart"></i>
							<span class="menu-text"> 患者信息报表 </span>
						</a>
					</li>

					<li>
						<a href="accurate_info.html">
							<i class=" icon-heart"></i>
							<span class="menu-text"> 患者信息精确搜寻 </span>
						</a>
					</li>
					<li class="active">
						<a href="devices.html">
							<i class="icon-cogs"></i>
							<span class="menu-text"> ICU设备运行报表 </span>
						</a>
					</li>
					<li>
						<a href="patients_case.html">
							<i class="icon-folder-open"></i>
							<span class="menu-text"> 患者病例查询 </span>
						</a>
					</li>
					<li>
						<a href="monitor.html">
							<i class="icon-camera"></i>
							<span class="menu-text"> 监控查询 </span>
						</a>
					</li>

					<li>
						<a href="expert_sys.html">
							<i class=" icon-desktop"></i>
							<span class="menu-text"> 专家系统 </span>
						</a>
					</li>

					<li>
						<a href="devices_manage.html">
							<i class=" icon-cog"></i>
							<span class="menu-text"> 设备管理 </span>
						</a>
					</li>
				</ul>
				<!-- /.nav-list -->

				<div class="sidebar-collapse" id="sidebar-collapse">
					<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
				</div>

				<script type="text/javascript">
					try { ace.settings.check('sidebar', 'collapsed') } catch (e) { }
				</script>
			</div>

			<div class="main-content">
				<div class="breadcrumbs" id="breadcrumbs">
					<script type="text/javascript">
						try { ace.settings.check('breadcrumbs', 'fixed') } catch (e) { }
					</script>

					<ul class="breadcrumb">
						<li>
							<i class="icon-home home-icon"></i>
							<a href="#">首页</a>
						</li>
						<li class="active">患者信息精确搜寻</li>
					</ul>
					<!-- .breadcrumb -->

					<div class="nav-search" id="nav-search">
						<form class="form-search">
							<span class="input-icon">
								<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
								<i class="icon-search nav-search-icon"></i>
							</span>
						</form>
					</div>
					<!-- #nav-search -->
				</div>

				<div class="page-content">
					<div class="page-header">
						<h1>
							ICU设备运行报表
							<small>
								<i class="icon-double-angle-right"></i>
								查看
							</small>
						</h1>
					</div>
					<!-- /.page-header -->

					<div class="row">
						<div class="col-xs-12">
							<!-- PAGE CONTENT BEGINS -->

							<div class="alert alert-block alert-success">
								<button type="button" class="close" data-dismiss="alert">
									<i class="icon-remove"></i>
								</button>

								<i class="icon-ok green"></i>

								欢迎使用
								<strong class="green">
									ZZU ICU管理平台
									<small>(v1.001)</small>
								</strong>
							</div>

							<div class="hr hr32 hr-dotted"></div>
							<!-- ------------------------------------------------------------------------------------------  start -->
							<div class="contact-box">
								<a href="#">
									<div class="col-md-3">
										<div class="text-center">
											<img src="assets/images/gallery/download.jpg"/>
										</div>
									</div>
								</a>
								<div class="col-md-8 col-md-offset-1 ">
									<div class="store-con">
										<h3>设备名称：React</h3>
										<p>
											<span>设备编号：spec-spec-spec-spec</span>&nbsp;&nbsp;
											<span>标识前缀：icu01</span>
										</p>
										<p>创建时间 2018/4/27</p>
										<p>设备标签：beta</p>
										<p>设备备注：正常</p>
									</div>
								</div>
								<div class="col-xs-12">
									<div class="store-time" style="padding: 10px"></div>
								</div>
								<div class="row">
										<div class="col-sm-4 col-xs-6">
												<a class="J_menuItem" data-title="xx" href="#a">
													<div class="widget  red-bg p-lg text-center">
														<div class="m-b-md">
															<h1 class="m-xs">异常设备</h1>
															<span class="m-xs box-block">查看详情</span>
														</div>
													</div>
												</a>
											</div>
									<div class="col-sm-4 col-xs-6" >
										<a class="J_menuItem" data-title="xx" href="#b">
											<div class="widget  yellow-bg p-lg text-center">
												<div class="m-b-md">
													<h1 class="m-xs">高压设备</h1>
													<span class="m-xs box-block">查看详情</span>
												</div>
											</div>
										</a>
									</div>
									<div class="col-sm-4 col-xs-12">
										<a class="J_menuItem" data-title="xx" href="#c">
											<div class="widget  lazur-bg p-lg text-center">
												<div class="m-b-md">
													<h1 class="m-xs">正常设备</h1>
													<span class="m-xs box-block">查看详情</span>
												</div>
											</div>
										</a>
									</div>
								</div> 
							</div>
							
							<!-- ------------------------------------------------------------------------------------------ end -->
<!-- cardinfo start -->
<div class="contact-box">
	<img width="100%" src="assets/images/de.png" alt="">
</div>
<div class="contact-box">
		<img width="100%" src="assets/images/de2.png" alt="">
	</div>
<!-- cardinfo end -->

<!-- ====================start=================== -->
<div class="row">
		<div class="col-xs-12">
			<div class="table-responsive">
				<table id="sample-table-1" class="table table-striped table-bordered table-hover">
					<thead>
						<tr>
							<th>编号</th>
							<th>设备姓名</th>
							<th>查看详情</th>


						</tr>
					</thead>

				

	<div id="modal-table" class="modal fade" tabindex="-1">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header no-padding">
					<div class="table-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							<span class="white">&times;</span>
						</button>
						Results for "Latest Registered Domains
					</div>
				</div>

				<div class="modal-footer no-margin-top">
					<button class="btn btn-sm btn-danger pull-left" data-dismiss="modal">
						<i class="icon-remove"></i>
						Close
					</button>

					<ul class="pagination pull-right no-margin">
						<li class="prev disabled">
							<a href="#">
								<i class="icon-double-angle-left"></i>
							</a>
						</li>

						<li class="active">
							<a href="#">1</a>
						</li>

						<li>
							<a href="#">2</a>
						</li>

						<li>
							<a href="#">3</a>
						</li>

						<li class="next">
						<a href="#">
							<i class="icon-double-angle-right"></i>
						</a>
					</li>
					</ul>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div><!-- PAGE CONTENT ENDS -->
	</table>
</div><!-- /.col -->
</div><!-- /.row -->


</div>
<!-- ======================end================= -->
							<!-- PAGE CONTENT ENDS -->
						</div>
						<!-- /.col -->
					</div>
					<!-- /.row -->
				</div>
				<!-- /.page-content -->
			</div>
			<!-- /.main-content -->
			<div class="ace-settings-container" id="ace-settings-container">
				<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
					<i class="icon-cog bigger-150"></i>
				</div>

				<div class="ace-settings-box" id="ace-settings-box">
					<div>
						<div class="pull-left">
							<select id="skin-colorpicker" class="hide">
								<option data-skin="default" value="#438EB9">#438EB9</option>
								<option data-skin="skin-1" value="#222A2D">#222A2D</option>
								<option data-skin="skin-2" value="#C6487E">#C6487E</option>
								<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
							</select>
						</div>
						<span>&nbsp; 选择皮肤</span>
					</div>

					<div>
						<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
						<label class="lbl" for="ace-settings-navbar"> 固定导航条</label>
					</div>

					<div>
						<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
						<label class="lbl" for="ace-settings-sidebar"> 固定滑动条</label>
					</div>

					<div>
						<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
						<label class="lbl" for="ace-settings-breadcrumbs">固定面包屑</label>
					</div>

					<div>
						<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
						<label class="lbl" for="ace-settings-rtl">切换到左边</label>
					</div>

					<div>
						<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
						<label class="lbl" for="ace-settings-add-container">
							切换窄屏
							<b></b>
						</label>
					</div>
				</div>
			</div>
			<!-- /#ace-settings-container -->
		</div>
		<!-- /.main-container-inner -->

		<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
			<i class="icon-double-angle-up icon-only bigger-110"></i>
		</a>
	</div>
	<!-- /.main-container -->

	<!-- basic scripts -->

	<!--[if !IE]> -->

	<script src="assets/js/jquery-2.0.3.min.js"></script>

	<!-- <![endif]-->

	<!--[if IE]>
<script src="assets/js/jquery-1.10.2.min.js"></script>
<![endif]-->

	<!--[if !IE]> -->

	<script type="text/javascript">
		window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>" + "<" + "script>");
	</script>

	<!-- <![endif]-->

	<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"script>");
</script>
<![endif]-->

	<script type="text/javascript">
		if ("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>" + "<" + "script>");
	</script>


	<!-- page specific plugin scripts -->

	<!--[if lte IE 8]>
		  <script src="assets/js/excanvas.min.js"></script>
		<![endif]-->
		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/typeahead-bs2.min.js"></script>

		<!-- page specific plugin scripts -->

		<script src="assets/js/jquery.dataTables.min.js"></script>
		<script src="assets/js/jquery.dataTables.bootstrap.js"></script>

		<!-- ace scripts -->

		<script src="assets/js/ace-elements.min.js"></script>
		<script src="assets/js/ace.min.js"></script>



	<script type="text/javascript">
		jQuery(function($) {
			var oTable1 = $('#sample-table-1').dataTable( {
			"aoColumns": [
			  { "bSortable": false },
			  null, null,null, null, null,null,null,
			  { "bSortable": false }
			], "iDisplayLength" : 3,
				"data":data


			});
			$('table th input:checkbox').on('click' , function(){
				var that = this;
				$(this).closest('table').find('tr > td:first-child input:checkbox')
				.each(function(){
					this.checked = that.checked;
					$(this).closest('tr').toggleClass('selected');
				});
					
			});
		
		
			$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
			function tooltip_placement(context, source) {
				var $source = $(source);
				var $parent = $source.closest('table')
				var off1 = $parent.offset();
				var w1 = $parent.width();
		
				var off2 = $source.offset();
				var w2 = $source.width();
		
				if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
				return 'left';
			}
		})

	</script>

</body>

</html>